<template>
  <div>
    <van-nav-bar title="任务详情" left-text="返回" left-arrow @click-left="onClickLeft"></van-nav-bar>
    <van-tabs v-model="active"  color="#FDC12C" :line-height="height" :line-width="width"	 title-active-color="#FDC12C" swipeable>

      <van-tab title="任务简介">
        <dw-task-intro></dw-task-intro>
      </van-tab>
      <van-tab title="详情流程">
        <dw-detailed-process></dw-detailed-process>
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
    /**
     *
     * @Author zzl
     * @Date 2019/5/15 11:17.
     */
    import dwTaskIntro from './taskIntro.vue';
    import dwDetailedProcess from './detailedProcess.vue';

    export default {
        mounted() {

        },
        components: {
          dwTaskIntro,
          dwDetailedProcess
        },
        props: {},
        data() {
            return {
              active:0,
              height:1,
              width:190
            }
        },
        computed: {},
        methods: {
          //返回
          onClickLeft(){
            this.$router.go(-1)
          }
        },
        watch: {},
        filters: {},
        beforeDestroy() {

        }
    }
</script>

<style scoped>

</style>
